<template>
  <div style="border: 1px solid blue">
    <h5>我是子组件</h5>
    <p>我是从父组件得到的数据： {{ a }}</p>
    <div>
      <el-button @click="update">子组件想修改父组件数据</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  // props: ['a'],
  props: {
    // value: {
    //   type: Number,
    //   required: true
    // }
    a: {
      type: Number
    }
  },
  data() {
    return {}
  },
  methods: {
    update() {
      // this.$emit('AAAA', this.a + 1)
      // this.$emit('input', this.value + 1)
      this.$emit('update:a', this.a + 1)
      // this.a = this.a + 1
    }
  }
}
</script>
